<script setup>
import {ref} from "vue";
import syncData from "@components/syncData.vue";
const count = ref("10");

</script>


<!--<template>-->
<!--<syncData :count="count" @update:count="count = $event"></syncData>-->
<!--  <h1>{{count}}</h1>-->
<!--</template>-->


<template>
  <!--v-model后面加冒号变量名，将父组件数据以特定变量名传给子组件，子组件用props接收-->
  <syncData v-model="count"></syncData>
 <!--  等价-->
  <syncData :count="count" @update:count="count = $event"></syncData>
  <!--  v-model:msg 如果子组件要接收prop的话 那么这个名字就要变成msg-->

  <h1>{{count}}</h1>
</template>